<template>
  <div>
    <!-- <TipHead title="封面"></TipHead>
    <div class="block">
      <span class="demonstration">自定义</span>
      <el-image> </el-image>
    </div> -->
    <!-- <TipHead title="标签"></TipHead> -->
    <!-- <el-tag
      style="margin-right: 10px"
      v-for="tag in tags"
      :key="tag.name"
      closable
      :type="tag.type"
    >
      {{ tag.name }}
    </el-tag> -->
    <TipHead :title="data.title"></TipHead>

    <TipHead title="详细"></TipHead>
    <div class="contentTop" v-for="(item, index) in data.info" :key="index">
      <p v-if="item.type == 1">
        {{ item.content }}
      </p>
      <img
        style="width: 100%"
        v-else-if="item.type == 2"
        :src="item.url"
        alt=""
      />
    </div>
  </div>
</template>

<script>
import TipHead from "./compoents/tipHead.vue";
export default {
  components: {
    TipHead,
  },
  props: {
    data: {
      type: Object,
      default: () => {
        return {};
      },
    },
  },
  data() {
    return {
      // tags: [
      //   { name: "标签一", type: "" },
      //   { name: "标签二", type: "" },
      //   { name: "标签三", type: "" },
      //   { name: "标签四", type: "" },
      //   { name: "标签五", type: "" },
      // ],
    };
  },
};
</script>

<style lang="scss" scoped>
::v-deep .block {
  height: 200px;
  width: 200px;
  background: #cccc;
  text-align: center;
  line-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
</style>